@import "src/css/mixin";

#DemandDetail{
    background-color: #FFF;
    height: 100%;
    overflow: auto;
    position: relative;

    .top-tip-yel{
        position: absolute;
        top:0;
        left:0;
        width: 100%;
        height: .45rem;
        background-color: #F5A623;
        padding: .07rem .1rem;

        p{
            display: inline-block;
            width: 2rem;
            vertical-align: middle;
            font-size: .12rem;
            line-height: .16rem;
            color: #fff;
            margin: 0;
        }

        .btn{
            width:.72rem;
            height: .3rem;
            padding: 0;
            line-height: .28rem;
            border:1px solid #fff;
            color: #fff;
            font-size: .13rem;
            background: none;
            vertical-align: middle;
        }
    }
    .icon-return{
        width: .8rem;
        height: .5rem;
        display: block;
        line-height: .5rem;
        text-align: left;
        position: absolute;
        color: #83848e;
        top: .22rem;
        left: .2rem;
        z-index: 3;
        font-size: .14rem;
    }
    .icon-complete-pc{
        position: absolute;
        top: 1rem;
        right: .2rem;
        font-size: 1.8rem;
        opacity: .3;
        color: #7ed321;
    }
    .gray-bar{
        height: .11rem;
        width: 100%;
        background: #F2F2F2;
    }
    .n-published{
        position: absolute;
        right: 0;
        width: 62px;
        height: 62px;
        // background: #ff001f;
        // border-width: 31px 35px;
        // border-style: solid;
        // border-color: #ff001f #ff001f #ffffff #ffffff;
        // clip-path: polygon(0 0,100% 0,100% 100%);
        background-image: url('/img/demand/redsanjiao.png');
        background-size: 100% 100%;
        .n-rate{
            transform: rotate(-315deg);
            font-size: .12rem;
            color: #FFFFFF;
            letter-spacing: -0.58px;
            line-height: .12rem;
            display: inline-block;
            position: relative;
            top: .13rem;
            left: .2rem;
        }
    }
    .n-published.second-pub{
        background-image: url('/img/demand/second.png');
    }
    .n-published.third-pub{
        background-image: url('/img/demand/third.png');
    }
    .n-published.fourth-pub{
        background-image: url('/img/demand/fourth.png');
    }
    .DemandInfo_vue{
        height: 100%;
        padding-top: .45rem;
    }
    .details{
        width: 100%;
        height: 100%;
        overflow: auto;
        position: relative;
        padding-bottom: .75rem;
        .goIndex{
            font-size: .14rem;
            color: #83848e;
            position: absolute;
            width: .8rem;
            line-height: .52rem;
            height: .52rem;
            top: .23rem;
            background-color: #eee;
            .icon-location-pcs,.icon-return{
                color: $blue;
                margin-right: 0.05rem;
                float: left;
                top: .18rem;
                position: relative;
            }
            .icon-return{
                color: #83848e;
            }
            .province-name{
                display: inline-block;
                overflow: hidden;
                white-space: nowrap;
                text-overflow: ellipsis;
                text-align: left;
            }
        }
        h1 {
            font-size: .32rem;
            color: $black;
            letter-spacing: 0;
            margin-top: 0.3rem;
            margin-bottom: 0.17rem;
            font-weight: 500;
            text-align: center;
            padding: 0;
        }
    }
    .demand-info{
        position: relative;
        [class^="demand-info-"]{
            height: .55rem;
            border-bottom: 1px solid $linecolor;
            &:last-child{
                border: none;
            }
            .demand-info-title{
                font-size: .14rem;
                height: .55rem;
                line-height: .55rem;
                color: $lightgray;
                letter-spacing: -0.68px;
                border:none;
            }
            .color-black{
                font-size: .15rem;
                height: .55rem;
                line-height: .55rem;
                color: $black;
                letter-spacing: -0.72px;
                float: right;
            }
            .color-gray{
                font-size: .15rem;
                height: .55rem;
                line-height: .55rem;
                color: $gray;
                letter-spacing: -0.72px;
                float: right;
                @include text-ellipsis($width:2.6rem);
                text-align: right;
            }
            .icon-message{
                font-size: .15rem;
                color: $blue;
                margin-right: .13rem;
            }
            .detail-info{
                width: 2rem;
            }
        }

        //类型标签
        .demand-cate{
            font-weight: normal;
            font-size: 12px;
            display: inline-block;
            color:$blue;
            border:$blue 1px solid;
            border-radius: 12px;
            padding:2px 5px;
            margin-left:.1rem;
            vertical-align: middle;
        }
        .demand-repair{
            color:#7ED321;
            border-color: #7ED321;
        }
        .demand-rental{
            color: #F5A623;
            border-color: #F5A623;
        }
        .scan-count{
            font-size: 12px;
            color: $lightgray;
            display: inline-block;
            margin-top: .2rem;

        }
        .demand-info-audioPane {
            .txt{
                height: .4rem;
                line-height: .4rem;
                top: -.4rem;
                position: relative;
                right: .1rem;
                float: right;
            }
            .pgs {
                width: 40px;
                background-color: $linecolor;
                text-align: center;
                position: relative;
                overflow: hidden;

                .pgs-play {
                    position: absolute;
                    top: 1px;
                    left: 4.65%;
                    width: 0;
                    height: 0.32rem;
                    background-color: $blue;
                    z-index: 1;
                }
                img {
                    width: 3.26rem;
                    position: relative;
                    z-index: 2;
                    margin-top: -1px;
                }
            }
            .audio-name {
                position: absolute;
                top: 0;
                width: 100%;
                left: 0;
                text-align: center;
                color: #666;
                font-size: .12rem;
            }
            .controls {
                text-align: right;
                position: relative;
                z-index: 3;

                .a-play {
                    border: none;
                    background: transparent;
                    outline: none;
                    padding: 0;
                }

                .icon-pause-one {
                    border: 0;
                    outline: 0;
                    padding: 0;
                    width: .3rem;
                    height: .3rem;
                    background: url('/img/demand/play-02.gif') no-repeat;
                    display: block;
                    vertical-align: middle;
                    background-size: .3rem .3rem;
                    border-radius: 50%;
                    position: absolute;
                    top: .05rem;
                    left: .05rem;
                }
                .icon-play-one {
                    width: .3rem;
                    height: .3rem;
                    display: block;
                    color: #4785f9;
                    background: url(/img/demand/pause-02.gif) no-repeat;
                    background-size: .30rem .30rem;
                    border-radius: 50%;
                    position: absolute;
                    top: .05rem;
                    left: .05rem;
                }
                .icon-pause {
                    font-size: 36px;
                    width: 40px;
                    height: 40px;
                    display: block;
                    color: $blue;
                }
                span {
                    font-size: .12rem;
                    display: inline-block;
                    width: 40px;
                    text-align: center;
                    height: .4rem;
                    line-height: .4rem;
                    float: right;
                    right: 0.1rem;
                    position: relative;
                }
                .audio-time {
                    display: inline-block;
                    vertical-align: middle;
                }
            }
            .circle {
                width: .4rem;
                height: .4rem;
                position: relative;
                border-radius: 50%;
                background: #F8D498;
                display: inline-block;
                top:.07rem;
                right: 1px;
            }

            .clip_left,.clip_right{
                width: .4rem;
                height: .4rem;
                position: absolute;
                top: 0;left: 0;
            }
            .circle_left, .circle_right{
                width: .4rem;
                height: .4rem;
                position: absolute;
                border-radius: 50%;
                top: 0;left: 0;
                background: #FFECCD;
            }
            .circle_right,.clip_right {
                clip:rect(0,auto,auto,.2rem);
            }
            .circle_left , .clip_left{
                clip:rect(0,.2rem,auto,0);
            }
        }
        .deadline{
            margin-top: .18rem;
            line-height: .12rem;
            .icon-Tender{
                position:relative;
                top: 1px;
            }
            .count-deadline{
                font-size: .12rem;
            }
        }
    }
    //戳
    .demand-status{
        position: absolute;
        right: .1rem;
        font-size: 1.22rem;
        opacity: .3;
        color: #7ed321;
        top: 1rem;
    }
    //跟进记录
    .bid-suppliers{
        background-color: #fff;

        .container{
            padding: .3rem .2rem .1rem;
        }
        h3{
            font-size: .18rem;
            color: $black;
            letter-spacing: -0.87px;
            line-height: .18rem;
            margin-top: 0;
            margin-bottom: .1rem;
            font-weight: 500;
        }
        .item{
            padding: .15rem 0;
            position:relative;
            color: $lightgray;
            border-bottom: 1px solid $linecolor;


            .infos{
                display: inline-block;
                vertical-align: middle;
                width: 60%;
                h5{
                    font-size: .15rem;
                    font-weight: bold;
                    line-height: .15rem;
                    margin: 0 0 .12rem;
                }
                .mobile{
                    display: inline-block;
                    font-size: .13rem;
                    color: #B3B5B7;
                    letter-spacing: -0.63px;
                    line-height: .13rem;
                    margin-left: .14rem;
                }
                p{
                    font-size: .12rem;
                    line-height: .12rem;
                    margin:0;
                }
            }
            .offer{
                font-size: .12rem;
                font-weight: 500;
                position: relative;
                top: .1rem;
            }
            &:last-of-type{
                border-bottom: none;
            }
            .succ-item{
                .infos{
                    .item{
                        color: $gray;
                    }
                    .offer{
                        color: $blue;
                    }
                }
            }
        }
        .offer-color{
            color: $blue;
        }
    }
    //项目最新动态
    .notes{
        h3{
            font-size: .18rem;
            color: $black;
            letter-spacing: -0.77px;
            line-height: .18rem;
            margin-top: .3rem;
            margin-bottom: .25rem;
            font-weight: 500;
        }
        .notes-info{
            width: 100%;
            // padding-left: .42rem;
            margin-bottom: .31rem;
            position: relative;
            .family-name{
                position: absolute;
                top: -.04rem;
                left: 0;
                height: .3rem;
                width: .3rem;
                border-radius: 50%;
                background: $blue;
                color: #fff;
                text-align: center;
                line-height: .3rem;
            }
            img.family-name{
                background: none;
            }
            .user-info{
                margin-bottom: .1rem;
                .name{
                    font-size: .14rem;
                    color: $black;
                    letter-spacing: 0;
                    line-height: .14rem;
                }
                .time{
                    font-size: .12rem;
                    line-height: .12rem;
                    color: $lightgray;
                    letter-spacing: 0;
                    margin-left: .1rem;
                }
            }
            .note{
                font-size: .13rem;
                color:$lightgray;
                letter-spacing: 0;
                margin-bottom: .2rem;
                display: block;
                line-height: .2rem;
                font-weight: 300;
            }
            .c-drawing {
                // width: 2.62rem;
                // height: 1.93rem;
                margin-top: 0.05rem;
                background-color: #f4f8ff;
                position: relative;
                .c-d-tip {
                    font-size: 0.2rem;
                    color: #b3b5b7;
                    text-align: center;
                    position: absolute;
                    left: 36%;
                    margin-left: -0.7rem;
                    top: 0.85rem;
                }
                .c-d-tu {
                    z-index: 2;
                    overflow: hidden;

                    img {
                        max-width: 2.62rem;
                        max-height: 1.93rem;
                    }
                }
            }
            .hasImg{
                background: none;
            }
            .c-d-site {
                font-size: 0.11rem;
                color: #b3b5b7;
                text-align: left;
                margin-top: 0.1rem;
                margin-bottom: 0.45rem;
                .icon-nail {
                    margin-right: 4px;
                }
            }
            .cate-color{
                color: #7ed321;
                font-size: 1.3rem;
                position: absolute;
                right: .1rem;
                top: -.3rem;
                height: 1.22rem;
                z-index: 1;
            }
        }
    }
    //竞价成功的工程商反馈信息的面板
    .feedack-pane{
        background-color: #fff;
        color: $gray;
        font-size: .12rem;
        .container{
            padding: .3rem .2rem;
        }
        .col-xs-6{
            padding: 0;
        }
        p{
            margin:0;
        }
        .status{
            width: .95rem;
            height: .29rem;
            border-radius: .29rem;
            font-size: .13rem;
            padding: .08rem 0;
            margin-top: .2rem;
            line-height: .13rem;
            margin-left: .28rem;
        }
        .feedback-btn{
            margin-left: 0;
            margin-right: .28rem;
        }
        .gray-blue{
            background-color: #B5CEF9;
            border-color: #B5CEF9;
        }
        .feedback-reason{
            background: #FFE8EB;
            padding: .15rem .3rem;
        }
        .feedback-title{
            font-size: .14rem;
            color: #D0021B;
            letter-spacing: 0;
            margin-bottom: 0.05rem;
        }
        .feedback-desc{
            font-size: .13rem;
            color: #FF6578;
            letter-spacing: 0;
            line-height: .2rem;
            margin-bottom: .15rem;
        }
    }

    //参与竞价的工程商列表
    .partical-suppliers{
        background-color: #fff;
        .small-words{
            font-size: .12rem;
            font-weight: 300;
            line-height: 1;
            color: $gray;
            margin-left: .1rem;
            letter-spacing: -0.5px;
        }
        .container{
            padding: .3rem .2rem .1rem;
        }
        h3{
            font-size: .18rem;
            color: $black;
            letter-spacing: -0.77px;
            line-height: .18rem;
            margin-top: 0;
            margin-bottom: .1rem;
            font-weight: 500;
        }
        .item{
            padding: .15rem 0;
            position:relative;
            color: $lightgray;
            border-bottom: 1px solid $linecolor;

            .index{
                width: .22rem;
                height: .22rem;
                display: inline-block;
                vertical-align: middle;
                border: 2px solid $linecolor;
                border-radius: 50%;
                font-size: .14rem;
                line-height: .2rem;
                text-align: center;
                margin-right: .15rem;
            }
            .myself-index{
                color: $blue;
                border-color: $blue;
            }
            .infos{
                display: inline-block;
                vertical-align: middle;
                width: 60%;
                h5{
                    font-size: .15rem;
                    font-weight: bold;
                    line-height: .15rem;
                    margin: 0 0 .07rem;
                }
                .myself{
                    color: $black;
                }
                p{
                    font-size: .12rem;
                    line-height: .12rem;
                    margin:0;
                }
                .status{
                    margin-left: .2rem;
                }
                .no-margin{
                    margin-left: 0;
                }
            }
            .offer{
                font-size: .14rem;
                font-weight: 500;
                position: relative;
                top: .1rem;
            }
            &:last-of-type{
                border-bottom: none;
            }
            .yellow{
                color: #F5A623!important;
            }
        }
        .succ-item{
            // .index{
            //     color: $blue;
            //     border-color: $blue;
            // }
            .infos{
                h5{
                    // color: $black;
                }
                .status{
                    color: $blue;
                }
            }
        }
    }
    //折叠
    .zhedie{
        padding-top:.1rem;
        .link{
            color: $blue;
            text-decoration: underline;
            text-decoration-color: $blue;
        }
        .panel-group {
            margin-bottom: 0;
        }
        .panel-group .panel + .panel {
            margin-top: 0;
        }
        .panel-default > .panel-heading{
            width: 100%;
            // height: .55rem;
            // line-height: .55rem;
            background-color: #fff;
            padding-top:0.1rem;
            padding-bottom:.1rem;
            padding-left: .15rem;
            padding-right: .24rem;
        }
        .panel-title {
            margin-top: 0;
            margin-bottom: 0;
            font-size: .14rem;
            color: $black;
            letter-spacing: -0.68px;
            line-height: .34rem;
            height: .34rem;
            a{
                display: inline-block;
                width: 100%;
            }
        }
        .panel-group .panel {
            margin-bottom: 0;
            border-radius: 0;
        }
        .panel {
            background-color: #fff;
            border: 0;
            border-bottom: 1px solid $linecolor;
            box-shadow: none;
        }
        .panel-group .panel-heading + .panel-collapse > .panel-body, .panel-group .panel-heading + .panel-collapse > .list-group {
            border:0;
            padding: 0rem .3rem .2rem .15rem;
            // margin-top: -.1rem;
            font-size: .13rem;
            color: #83848E;
            letter-spacing: -0.63px;
            line-height: .21rem;
        }
        .icon-circle-down{
            float: right;
            height: inherit;
            line-height: inherit;
            color:$gray;
            // display: inline-block;
            transition: all .6s;
            transform: rotate(0deg) scale(.75, .75);
            transform-origin: 50% 50%;
            font-size: .17rem;
        }
        .rotate {
            transform: rotate(-180deg) scale(.75, .75)!important;
            transform-origin: 50% 50%;
            transition: all .6s;
        }
    }

    //loading
    .sendImgPending {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 88px;
        height: 88px;
        margin-top: -72px;
        margin-left: -44px;
        border-radius: 5px;
        background-color: rgba(0,0,0,.55);
        color: #fff;
        padding-top: 25px;

        .loading {
            height:10px;
            background:url('/img/demand/loading.gif') no-repeat center;
            background-size: 60px 10px;
            margin-bottom: 14px;
        }
        .text {
            text-align: center;
            font-size: 12px;
        }
    }


    input{
        -webkit-appearance: none;
    }

    //按钮
    .demand-bottom{
        position: absolute;
        bottom: 0;
        width: 100%;
        z-index: 10;
        .auction-input{
            position: relative;
            float: left;
            width: 1.65rem;
            padding: .12rem 0 .12rem .1rem;
            background: #F7FAFF;

            .count{
                display: none;
                border: 1px solid $linecolor;
                width: .3rem;
                height: .3rem;
                border-radius: 50%;
                line-height: .3rem;
                color: $blue;
                border: 1px solid $linecolor;
                float: left;
                text-align: center;
                font-weight: 500;
                font-size: .16rem;
            }

            .offer-input{
                float: left;
                width: 1.35rem;
                height: .31rem;
                border: none;
                border-bottom: 1px solid $linecolor;
                border-radius: none;
                text-align: center;
                outline: none;
                line-height: .31rem;
                color: $black;
                font-size: .21rem;
                font-weight: bold;
                box-shadow: none;
                padding-left: .2rem;
                margin: 0 .05rem;
                background: #F7FAFF;
                &:focus{
                    border-color: $blue;
                }
            }
            .label2{
                position: absolute;
                top: .25rem;
                left: .15rem;
                color: $lightgray;
                font-size: .1rem;
                line-height: .11rem;
            }
            .hoverYellow{
                color:#F5A623!important;
            }
            .hoverYellow:hover{
                border-bottom: 1px solid #F5A623!important;
            }
        }
        .button-status{
            position: relative;
            float: left;
            width: 100%;
            background: #fff;
            .btn{
                display: inline-block;
                width: 100%;
                height: .55rem;
                line-height: .55rem;
                font-size: .16rem;
                color: #FFFFFF;
                letter-spacing: -0.77px;
                background: $blue;
                border-radius: 0;
                padding: 0;
                .icon-phone06{
                    margin-right: .1rem;
                }
            }
            .eight-money{
                font-weight: 500;
                display: block;
                line-height: 1;
                margin: .1rem 0 .07rem;
            }
            .eight{
                font-size: .12rem;
                color: #c2d7ff;
                line-height: 1;
                display: block;
            }
            .bgYellow{
                background: #F5A623;
            }
            .font-small{
                font-size: .13rem;
            }
            .icon-baodeng{
                color: #fff;
                font-size: .22rem;
                margin-right: .1rem;
                position: relative;
                top: .02rem;
            }
            .description{
                font-size: .12rem;
                color: $lightgray;
                letter-spacing: -0.58px;
                line-height: .12rem;
                text-align: center;
                margin-top: .14rem;
                margin-bottom: .3rem;
                .link{
                    color: $blue;
                    text-decoration: underline;
                    text-decoration-color: $blue;
                }

            }

            .pic-one {
                position: absolute;
                right: 0;
                top: 0;
                width: .45rem;
                height: .45rem;
            }
            .pic-tongpai{
                position: absolute;
                right: 0;
                top: 0;
                width: .55rem;
                height: .55rem;
            }
            .grab-succ{
                font-size: .16rem;
                display: block;
                line-height: 1;
                margin-bottom: 0.08rem;
                margin-top: .1rem;
            }
            .grab-small-font{
                display: block;
                line-height: 1;
                font-size: .12rem;
                letter-spacing: -0.5px;
                font-weight: 200;
            }
        }
        .first-bid{
            width: 60%;
            .width-css{
                width: 2.10rem !important;
            }
        }
        .bomb{
            position: absolute;
            width: .5rem;
            height: .5rem;
            border-radius: 50%;
            background: #F5A623;
            box-shadow: 0 0 .05rem 0 rgba(245,166,35,0.60);
            right: .15rem;
            top: -.76rem;;
            color: #fff;
            font-size: .12rem;
            text-align: center;
            padding-top: 0.07rem;
            .bomb-deng{
                display: block;
                font-size: .22rem;

            }
        }
        .first-number{
            font-size: .11rem;
            color: $lightgray;
            letter-spacing: -0.53px;
            line-height: .2rem;
            text-align: center;
            background: #fff;
            border-top: 1px solid $linecolor;

        }
        .yellow-link{
            color: #F5A623;
            text-decoration: underline;
        }
        .baodeng{
            float: left;
            background: #F5A623;
            color: #fff;
            width: 40%;
            height: .55rem;
            font-size: .16rem;
            letter-spacing: -0.77px;
            text-align: center;
            line-height: .55rem;
        }

    }
    .point-back{
        padding: .14rem .2rem .13rem 0;
        background: #f3ffe7;
        position: relative;
        text-align: center;
        .back-title{
            font-size: .14rem;
            color: #87CF32;
            line-height: .14rem;
            margin-bottom: .15rem;
        }
        .back-tip{
            font-size: .12rem;
            color: #83848e;
            letter-spacing: -0.58px;
            margin: 0;
            line-height: .15rem;

        }
        .icon-Expansion{
            position: absolute;
            color: #87CF32;
            height: .63rem;
            line-height: .63rem;
            top: 0;
            right: 0.2rem;
        }
        .hours24{
            width: .15rem;
            margin-right: .05rem;
        }
    }
    #NewGrabModal {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        // background-color: rgba(0,0,0,.35);
        background-color: #fff;
        z-index: 22;
        text-align: center;
        display: none;

        .closeInput ,.icon-cross{
            position: absolute;
            top: 0;
            left: 0;
            padding: .16rem;
            font-size: .18rem;
            color: $linecolor;
            z-index: 1;
        }
        .content {
            // position: absolute;
            // top: 45%;
            // left: 5%;
            width: 100%;
            height: 100%;
            // margin-top: -1.2rem;
            // max-height: 90%;
            transition: all .3s;
            background-color: #fff;
            overflow-y: hidden;
            transform: scale(0, 0);
            opacity: 0;
            // padding: .2rem .2rem 0 .2rem;
            transform-origin: center center;
            // border-radius: 4px;
        }
        .title {
            position: relative;
            margin-top: .3rem;
            margin-bottom: 0.3rem;
            // padding: 0 .38rem;
            .unit{
                position: absolute;
                font-size: .12rem;
                color: #b3b5b7;
                height: .66rem;
                line-height: .66rem;
            }
            .new-offer-input{
                padding: .15rem 0;
                color: $black;
                font-size: .21rem;
                line-height: .21rem;
                text-align: center;
                width: 1.5rem;
                // width: 100%;
                height: .55rem;
                border: none;
                background: #f7faff;
                border: 1px solid $linecolor;
                font-weight: 600;
                margin: 0 .15rem;
            }
            .new-offer-input:focus{
                outline: none;
                border: none;
                border: 1px solid $blue;
            }
            .add{
                display: inline-block;
                width: .3rem;
                height: .3rem;
                border-radius: 50%;
                border: 1px solid $linecolor;
                color: $blue;
                cursor: pointer;
                text-align: center;
                line-height: .25rem;
                vertical-align: middle;
                font-weight: 500;
                font-size: .21rem;
            }
        }
        .first-number{
            height: .11rem;
            font-size: .12rem;
            color: #b3b5b7;
            line-height: .12rem;
            margin-bottom: .42rem;
            span{
                display: inline-block;
            }
        }
        .sub-btn{
            width: 100%;
            height: .5rem;
            margin-bottom: .3rem;
            .icon-baodeng{
                font-size: .19rem;
                margin-right: 10px;
                position: relative;
                top: 2px;
            }
            .btn{
                height: .55rem;
                font-size: .16rem;
                text-align: center;
                color: #fff;
                background-color: $blue;
                line-height: .16rem;
                border-radius: 2px;
                width: 2.2rem;
            }
            .bomb{
                float: left;
                width: 1rem;
                background-color: #F5A623;
            }
            .grab{
                float: right;
            }
        }
        .curr-point{
            color: #b3b5b7;
            font-size: .12rem;
            padding: .12rem 0;
            text-align: center;
            line-height: 1;
            margin:0;
        }
        .partical-suppliers{
            background: #F7FAFF;
            text-align: left;
            height: .2rem;
        }
        .list{
            height: .2rem;
            overflow: auto;
        }

    }
    //铜牌尊享
    .BronzeExplain{
        padding: 0.3rem 0;
        h3{
            color: $black;
            font-size: .18rem;
            font-weight: 500;
            margin: 0 0 .2rem;
        }
        .explain-list{
            position: relative;
            margin: .12rem 0 0;
            font-size: .13rem;
            color: $lightgray;
            line-height: .18rem;
            padding-left: .19rem;
        }
        .explain-index{
            position: absolute;
            left: 0;
            top: .02rem;
            width: .14rem;
            height: .14rem;
            border-radius: 50%;
            background: $linecolor;
            line-height: .14rem;
            text-align: center;
            margin-right: .05rem;
            font-size: .11rem;
            color: $lightgray;
        }
    }
}